page {
	background: #f5f5f5;
}
// 自定义头部
.head {
	width: 100%;
	height: 400rpx;
	background: url('https://miaommeis-1301812909.cos.ap-guangzhou.myqcloud.com/Ownership%20rights/%E6%9D%83%E7%9B%8A%E8%83%8C%E6%99%AF%402x.png')
		no-repeat;
	background-size: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	.head-head {
		display: flex;
		align-items: center;
		padding-left: 16rpx;
		.head-back {
			width: 64rpx;
			height: 64rpx;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.3);
			text-align: center;
			line-height: 64rpx;
			.iconfanhui {
				color: #fff;
			}
		}
	}
	.title {
		padding: 12rpx 24rpx;
		border-radius: 36rpx;
		background: #fff;
		height: 40rpx;
		width: 50%;
		margin-left: 16rpx;
		input {
			padding-left: 10rpx;
		}
		.iconsousuo {
			font-size: 40rpx;
		}
	}
}
// 我的余额
.myBal {
	position: fixed;
	width: 702rpx;
	margin: 0 24rpx;
	border-radius: 20rpx;
	background: #fff;
	z-index: 5;
	top: 226rpx;
	flex-wrap: wrap;
	overflow: hidden;
	.item {
		width: 49.8%;
		padding: 48rpx 0;
		border-bottom: 1rpx solid #f0f0f0;
		text-align: center;
		.num {
			font-size: 40rpx;
			font-weight: bold;
		}
	}
	.item:nth-child(odd) {
		border-right: 1rpx solid #f0f0f0;
	}
}

// 椭圆
.oval {
	position: fixed;
	z-index: 4;
	top: 23%;
	left: 0%;
	width: 100%;
	height: 130rpx;
	background: #f5f5f5;
	border-radius: 20rpx 20rpx 0 0;
}
.catgLbl {
	position: fixed;
	width: 100%;
	top: 630rpx;
	background: #fff;
	padding-bottom: 20rpx;
	.van-tabs__nav {
		// width: 88%;
	}
	.van-tab--active {
		font-weight: 500;
		font-weight: var(--font-weight-bold, 500);
		font-size: 32rpx;
		color: #ed5757;
	}
	.van-tabs__line {
		position: absolute;
		width: 10%;
		bottom: 12rpx;
		left: 0;
		z-index: 1;
		height: var(--tabs-bottom-bar-height, 3px);
		border-radius: var(--tabs-bottom-bar-height, 5px);
		background-color: var(--tabs-bottom-bar-color, #ee0a24);
	}
	.balWdrl {
		padding: 40rpx;
		border-bottom: 2rpx solid #f0f0f0;
		flex-wrap: wrap;
		.usrInfo {
			width: 100%;
			.img {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				margin-right: 24rpx;
				border: 1rpx solid;
			}
			.name {
				flex: 1;
			}
			.gde {
				padding-bottom: 32rpx;
			}
		}
		.data {
			flex-wrap: wrap;
			.item {
				width: 60%;
				padding-top: 40rpx;
				text-align: right;
			}
			.item:nth-child(odd) {
				width: 40%;
				text-align: left;
			}
		}
	}
}
